// pages/goods_detail/index.js
/*  2.点击轮播图 预览轮播图
      1 给轮播图绑定点击事件
      2 调用小程序的API prevewImage
    3 点击 加入购物车
      1 先绑定点击事件
      2 获取缓存中的购物车数据 数组格式
      3 先判断 当前的商品是否已经存在于 购物车
      4 已经存在 修改商品数据 执行购物车数量++ 重新把购物车数组 填充回缓存中
      5 不存在于购物车的数组中 直接给购物车数组添加一个新元素 带上购买数量属性
       num 重新把购物车数组 填充回缓存中
*/
import { request } from "../../request/request.js";

Page({

  /**
   * 页面的初始数据
   */
  data: {
      goodsObj:[],
  },

  // 商品对象
  GoodsInfo:{},

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    const {goods_id}=options
    this.getGoodsDetail(goods_id)
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {
      this
  },

  //获取商品详情数据 
  getGoodsDetail(goods_id){
    request({url:"goods/detail",data:{goods_id}}).then(res=>{
      console.log(res);
      this.GoodsInfo=res.data.message
      this.setData({
        goodsObj:{
          goods_name:res.data.message.goods_name,
          goods_price:res.data.message.goods_price,
          // iphone部分手机 不识别 webp图片格式
          // 最后找后天 让她修改
          // 临时自己改 确保后台存在 1.webp=>1.jpg
          goods_introduce:res.data.message.goods_introduce.replace(/\.webp/g,'.jpg'),
          pics:res.data.message.pics,
        }
      })
      
    })
  },


  // 点击轮播图 放大预览
  handlePrevewImage(e){
    // 1.先构造要预览的图片数组
    const urls=this.GoodsInfo.pics.map(v=>v.pics_mid);
    const current=e.currentTarget.dataset.url;
    wx.previewImage({
      current: current,
      urls: urls,
    });
  }

})